<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>商品条目</title>
    <link rel="stylesheet" href="item.css"/>
    <script src="item.js"></script>
</head>
<body>
<div class="header">
    <div class="w">
        <ul class="nav-left">
            <li>
                <div class="logo">
                    中国大陆
                </div>
            </li>
            <li>deng1259070</li>
            <li><a href="#">手机逛淘宝</a></li>
        </ul>
        <ul class="nav-right">
            <li><a href="#">淘宝网首页</a></li>
            <li><a href="#">购物车</a></li>
            <li><a href="#">联系客服</a></li>
        </ul>
    </div>
</div>
<div class="goods w">
    <ul>
        <li>
            <img src="images/001.jpg"/>
            <h3>￥13</h3>
            <h4>脆皮烧鸭饭</h4>
            <div class="goods-item-buy">
                <a href="javascript:void(0);">关注</a>
                <a href="javascript:void(0);" onclick="sub('item1')">-</a>
                <input type="text" id="item1" value="1" class="num" />

                <a href="javascript:void(0);" onclick="add('item1')">+</a>
                <a href="javascript:void(0);">加入购物车</a>
            </div>
        </li>
        <li>
            <img src="images/002.jpg"/>
            <h3>￥13</h3>
            <h4>金牌烧鸭饭</h4>
        </li>
        <li>
            <img src="images/003.jpg"/>
        </li>
        <li>
            <img src="images/004.jpg"/>
        </li>
        <li>
            <img src="images/005.jpg"/>
        </li>
        <li>
            <img src="images/006.jpg"/>
        </li>
        <li>
            <img src="images/007.jpg"/>
        </li>
        <li>
            <img src="images/008.jpg"/>
        </li>
    </ul>
</div>

<div class="w">

</div>

</body>
</html>